/*
 * 地址选择
 */
'use strict';
import React, { Component } from 'react';
import {
    StyleSheet,
    Text,
    View,
    TouchableHighlight,
    Image,
    PixelRatio,
    Dimensions,
    ScrollView,
    TextInput,
} from 'react-native';

import Toast from 'antd-mobile/lib/toast';
import List from 'antd-mobile/lib/list';
import Button from 'antd-mobile/lib/button';

import NavTitle from '../component/NavTitle';


class SpreadGoods extends Component {
    constructor(props) {
        super(props)

        this.state = {

        }
    }

    componentDidMount(){
    }

    render() {
        return (
            <View style={styles.container}>
                <NavTitle
                    title='商家推广'
                    leftButton = {true}
                    leftImg = {require('../imgs/left.png')}
                    leftHander = {()=>{this.props.navigator.pop()}}
                    headColor = '#fbdc3a'
                />
                <ScrollView
                    showsVerticalScrollIndicator={false}
                >
                    <View style={styles.content}>
                        <Text style={styles.title}>商家推开，微微购全国各县级代理，一名城市站长5千以上微粉</Text>
                        <View style={styles.info}>
                            <Text style={styles.time}>发布时间:2016-12-17</Text>
                            <Text style={styles.count}>浏览次数:132</Text>
                        </View>
                        <View style={styles.remark}>
                            <Text style={styles.remarkCotent}>微微购，掌上信息平台！同城便民，商家信息，尽在微微购！</Text>
                        </View>
                        <View style={styles.container}>
                            <Text style={styles.help}>找微微购，能帮你做什么？</Text>
                            <Text style={styles.item}>1、发布同城便民信息:</Text>
                            <Text style={styles.itemText}>全国每个城市、都有微微购城市站长、免费帮您发布：本地新闻、公益求助、求职招聘、租房卖房、家政保洁、二手物品买卖、拼车、顺风车出行、寻人寻物 、发布广告！、吃喝玩乐 衣食住行。</Text>
                            <Text style={styles.item}>2 、免费注册发布</Text>
                            <Text style={styles.itemText}>只要您在微微购注册店铺，发布便民信息，微微购城市站长免费帮您转发到他的，微信朋友圈，微信好友5000人+以上。</Text>
                            <Text style={styles.item}>3、自定义推广。</Text>
                            <Text style={styles.itemText}>您的朋友圈有多少朋友，客户，亲戚，您可以转发注册店铺信息到自己的微信朋友圈，让您的朋友帮您转发到他的朋友圈，那么又有多少人可以看到您的产品，服务，店铺呢，只要您的产品好，服务好，朋友圈的口碑宣传，这是无限的推广。</Text>
                            <Text style={styles.item}>4、商业推广</Text>
                            <Text style={styles.itemText}>全国每个城市都有微微购城市站长、每个城市站长的微信好友，最低3000人-10000人以上，您可以联系客服，指定推广全国任意城市。</Text>
                        </View>
                    </View>
                    <View style={styles.footer}>
                        <Text style={styles.footerTitle}>城市站长微信朋友圈推广样板</Text>
                        <Image style={styles.footerImg} source={{uri:"http://tc.weiweigo.com/UpFile/image/2016/5/12/1258595476.jpg"}}></Image>
                        <Text style={styles.contactTip}>如果您需要推广，请联系文章发布者</Text>
                    </View>
                </ScrollView>
            </View>
        )
    }

}

const styles = StyleSheet.create({
    container: {
        backgroundColor: '#eeeeef',
        flex: 1,
    },
    content:{
        padding:10,
        borderColor:'#CCC',
        borderBottomWidth:1/PixelRatio.get()
    },
    title:{
        fontSize:18
    },
    info:{
        flexDirection:'row',
        marginTop:10,
        paddingRight:2
    },
    time:{
        flex:1,
        color:'#888988',
        fontSize:12
    },
    count:{
        color:'#888988',
        fontSize:12
    },
    remark:{
        padding:10,
        backgroundColor:'#fbdc3a',
        marginTop:10
    },
    remarkCotent:{
        fontSize:13,
        color:'#333'
    },
    help:{
        fontSize:16,
        marginTop:10
    },
    item:{
        marginTop:10,
        color:'#ea5514',
        fontWeight:'600',
        fontSize:15
    },
    itemText: {
        color: '#b1b1b2',
        marginTop: 5
    },
    footer:{
      marginTop:20
    },
    footerTitle:{
        color:'#ea5514',
        alignSelf:'center'
    },
    footerImg:{
        width:Dimensions.get('window').width-20,
        height:800
    },
    contactTip:{
        color:'#ea5514',
        alignSelf:'center'
    }
});

export default SpreadGoods;
